<template>
	<view style="min-height: 1300rpx; background-color: #F5F5F5;">
		<ren-calendar @getToday='getToday' :time='time' ref='ren' :markDays='markDays' :headerBar='true'
			@onDayClick='onDayClick' />

		<liuyuno-tabs :pingfen='false' back='#F5F5F5' :tabData="list" :activeIndex="current" @tabClick='tabClick' />
		<view class="carp">
          <view class="carp_1" v-for="(item,index) in 5">
			  <image src="https://img0.baidu.com/it/u=4074021225,807294632&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" />
			  <view class="carp_1_1">
			  	<text>艾利克斯</text>
				<text>12:00:00 购买了商品</text>
			  </view>
          	
          </view>
		</view>
	</view>
</template>

<script>
	import renCalendar from "@/components/ren-calendar/ren-calendar.vue"
	export default {
		components: {
			renCalendar
		},
		data() {
			return {
				markDays: [],
				list: [{
					name: '购买',
				}, {
					name: '查看',
				}, ],
				current: 0
			};
		}
	}
</script>

<style lang="scss">
	.carp {
		width: 93%;
		margin: auto;
		padding: 20rpx;
		background-color: white;
		border-radius: 8rpx;
	
		.carp_1{
			padding: 20rpx;
			border-bottom: 1px solid #EFEFEF;;
			display: flex;
			align-items: center;
			image{
				width: 78rpx;
				height:78rpx ;
				border-radius: 100%;
			}
			.carp_1_1{
				margin-left: 20rpx;
				text:nth-of-type(2){
					display: inline-block;
					margin-top: 10rpx;
					font-size: 24rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #91969A;
					opacity: 1;
				}
				text:nth-of-type(1){
					display: block;
					font-size: 32rpx;
					font-family: Source Han Sans CN;
					font-weight: 500;
					color: #141414;
					opacity: 1;
				}
			}
		}
	}
</style>
